<template>
    <z-paging ref="paging" v-model="dataList" @query="queryList">
      <view v-for="(item,index) in dataList" :key="index" class="item">
        <view class="item-title">{{ item }}</view>
      </view>
    </z-paging>
</template>

<script lang="ts" setup>
definePage({
  type: 'home',
  layout: 'default',
  style: {
    navigationBarTitleText: '首页',
    navigationStyle: 'custom',
  },
})

import {ref} from 'vue'

const paging = ref<ZPagingRef>();
const dataList = ref([])
const queryList = (pageNo: number, pageSize: number) => {

  paging.value?.complete([1, 2, 3, 4, 5, 6, 7, 8, 9, 0]);
}
</script>

<style>

</style>